<div class="carousel">
  <div class=" wrap">
    <!-- 向前箭头 -->
    <a (click)="onChangeSlidePre()">
      <i nz-icon class="arrow left" nzType="left" nzTheme="outline"></i>
    </a>
    <!-- ./ 向前箭头 -->
    <!-- 投影内容 -->
    <ng-content select=".app-carousel"></ng-content>
    <!-- ./ 投影内容 -->
    <ng-template #dot let-number>
      <i class="dot" [class.active]="activeIndex === number"></i>
    </ng-template>
    <!-- 向后箭头 -->
    <a (click)="onChangeSlideNext()">
      <i nz-icon class="arrow right" nzType="right" nzTheme="outline"></i>
    </a>
    <!-- ./ 向后箭头 -->
  </div>
</div>